﻿@extends('layouts.master3')
@section('title')
{{"千里码-help"}}
@stop
@section('style')
<!--
<style>
a.accordion-toggle{
    display:blcok;
    width:100%;
}
form{
        overflow: hidden;
    }
    ul{
        padding-left: 2em;
    }
</style>
-->
@stop
@section('content')

<div class="contain main" style="width:900px;">

<div class="page-header">
    <h1>帮助中心 <small>常见问题答疑</small></h1>
@if (session('message'))
    <div class="alert alert-success">
        {{ session('message') }}
    </div>
@endif
</div>

<!-- Bootstrap FAQ - START -->
<div class="">

    <div class="panel-group" id="accordion">
       <!-- <div class="faqHeader">关于题目</div>-->
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseOne" aria-expanded="false">千里码的题目来自哪里？</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
                <div class="panel-body">
千里码的题目贡献者主要来自于国内外各个公司的coder,他们把在实际工作中经常用到的技术点，或者比较有意义的问题以题目的形式重现，并提交给千里码。
因此千里码的题目实战意义很大,能保证学以致用。
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseTwo" aria-expanded="false">千里码的技能树板块是干什么的？</a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">技能树承载着千里码所有的题目，并引导用户循序渐进解答题目，掌握题目所涵盖的技术知识点。从“码之初”开始，每当用户解出一题，你就能看到与之相关的其他题目。
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseThree" aria-expanded="true">在千里码中如何答题？</a>
                </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse" aria-expanded="true">
                <div class="panel-body">
                    由于千里码上的题目属于实战型，所以不限制用户在编程时使用何种语言，或者是其他工具。只需在题目详情页，将所获得的答案直接输入答案框内，点击提交即可。对于一些有物质奖励的题目(目前是mac和键盘),第一个做出并获得奖励的用户需要通过邮件或者qq确认。
              </div>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseFour" aria-expanded="false">如何评论题目？</a>
                </h4>
            </div>
            <div id="collapseFour" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
当你提交正确答案之后，会自动刷新当前页面，并显示评论框，将你想对问题做出更多的询问和点评直接输入评论框内，并点击提交。
</li>
<li>
在你提交正确答案之前，无法对该题进行评论，也无法看到其他用户对该题的评论。
</li>
<li>
请不要将推广（招聘、广告、SEO 等）方面的内容写在评论中，这样会造成对他人的打扰，所以任何推广方面的内容一经出现，将被无条件删除。
</li>
</ul>
               </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseFive" aria-expanded="false">千里码的积分体系是怎么样的？</a>
                </h4>
            </div>
            <div id="collapseFive" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
在千里码的积分体系中，用户总积分是该用户每答对一题所获取的积分之和，保留两位小数。
</li>
<li>
 每题的积分统一为1000分，用户答对一题所获得积分=1000/答对该题的用户数。比如，“码之初”一共有4个用户答对了，那么，每个答对的用户获得1000/4=250分；若此时又有1个用户答对了“码之初”，那么，每个答对用户获得1000/5=200分，以此类推。
</li>
<li>
根据用户的总积分进行排名，积分越高，排名越靠前。
</li>
</ul>
             </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseSix" aria-expanded="false">如何使用千里码的学习资料？</a>
                </h4>
            </div>
            <div id="collapseSix" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
当你未能回答该题时，可点击该题详情页右下角的学习资料。学习资料里的内容，是由已答对该题的用户提供。
</li>
<li>
若您已答对该题，有比较好的思路，或者独到的见解，请您不吝赐教，将您的思路或见解分享给千里码的其他用户。不仅可以帮助还未答对的coder，也可以跟和你一样已经做出来的coder交流经验和思路。
</li>
<li>
千里码的学习资料是使用<a href="http://en.wikipedia.org/wiki/Markdown">Markdown</a>进行排版。
</li>
<li>
当你觉得某篇学习资料不错，对自己或别人有帮助时，希望你能给它点个赞，这样能让其他coder能优先看到优秀的学习资料。
</li>
</ul>
                </div>
            </div>
        </div>


        <div id="material" class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle <?php if($tag!='material') echo 'collapsed';?>" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseSeven" aria-expanded="false">如何写出好的学习资料？</a>
                </h4>
            </div>
            <div id="collapseSeven" class="panel-collapse <?php if($tag!='material') echo 'collapse';?>" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
使用markdown清晰排版，让人阅读起来爽心悦目。如果还不会使用markdown，建议先完成<a target="_blank" href="/task/7584">task35:markdown</a>。
</li>
<li>
建议格式:
<ul>
<li>
简述本题相关知识点在自己实际工作中的运用。
</li>

<li>
系统讲解本题涵盖的知识点及解题思路，并对难点进行分析。
</li>

<li>
可引用一些你认为与该知识点相关精华帖或优质内容（比如stackoverflow，csdn，博客园中的相关优质内容讲解），可提供url即可。
</li>
<li>
如果涉及到代码，希望不提供全部代码，只提供关键核心部分（不建议超过20行），或者伪代码。
</li>

<li>
 可列举一些有帮助书籍的书单，请标明书籍作者（如有翻译，请提供翻译者姓名）。
</li>

</ul>
上述格式，可供参考。
</li>

<li>
不希望以任何形式直接剧透答案。
</li>

<li>
 请不要将推广（招聘、广告、SEO 等）方面的内容写在学习资料中，这样会造成对他人的打扰，所以任何推广方面的内容一经出现，将被无条件删除。
</li>

<li>
最最最重要的，请怀着一颗分享&帮助他人的心去写，而不仅仅是记录自己的解题过程。
</li>
</ul>
                </div>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseEight" aria-expanded="false">我有一些比较好的知识点,如何贡献给千里码社区？</a>
                </h4>
            </div>
            <div id="collapseEight" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
当你在千里码解出一部分题目后，就可以看到左上角的“share”，此时你可以点击左上角“share”，查看详细题目提交方式。
</li>
<li>
若你提交了，千里码团队会在第一时间联系你，并和你讨论该task的position，知识点的覆盖，难度以及学习资料方面等细节，同时会把你的资料放在task板块的右上角。
</li>
</ul>
                </div>
            </div>
        </div>

        <div id="kuibu" class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle <?php if($tag!='kuibu') echo 'collapsed';?>" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseNine" aria-expanded="false">跬步是什么？有什么用？如何获取跬步？</a>
                </h4>
            </div>
            <div id="collapseNine" class="panel-collapse <?php if($tag!='kuibu') echo 'collapse';?>" aria-expanded="false">
                <div class="panel-body">
<ul>
<li>
跬步作为一种奖励措施，主要为奖励千里码社区中的逐步成长的coder，以及在千里码分享分享优质技术内容的coder。
</li>
<li>
由于最终解释权归本站所有，elf和CyberZHG不参与到跬步的外设激励体系中= =!，elf和CyberZHG所得跬步可向管理员申请兑换小红花勋章。
</li>
<li>
跬步可兑换由小编为coder精心挑选的外设。 本期工具为机械键盘——ikbc poker3（可用500跬步兑换）
</li>
<li>
跬步可以通过以下方式获取:
<table border="1">
  

  <tr>
    <th>完成事项</th>
    <th>新增的跬步数量</th>
  </tr>
  <tr>
    <td>完善个人信息</td>
    <td>3跬步</td>
  </tr>
  <tr>
    <td>达到10积分</td>
    <td>3 跬步</td>
  </tr>

  <tr>
    <td>达到100积分</td>
    <td>10 跬步</td>
  </tr>

  <tr>
    <td>达到200积分</td>
    <td>20 跬步</td>
  </tr>

  <tr>
    <td>达到500积分</td>
    <td>50 跬步</td>
  </tr>

  <tr>
    <td>达到800积分</td>
    <td>80 跬步</td>
  </tr>

  <tr>
    <td>达到1000积分</td>
    <td>100 跬步</td>
  </tr>

  <tr>
    <td>达到2000积分</td>
    <td>200 跬步</td>
  </tr>

  <tr>
    <td>达到5000积分</td>
    <td>500 跬步</td>
  </tr>


  <tr>
    <td>完成一篇精华置顶的学习资料</td>
    <td>150 跬步(如果已经拿到了键盘,可以选择小米双肩包,移动电源,摄像头中的一个)</td>
  </tr>

  <tr>
    <td>成功贡献题目</td>
    <td>600 跬步</td>
  </tr>

  <tr>
    <td>完成题目大侠饶命</td>
    <td>600 跬步</td>
  </tr>
</table>
</li>
</ul>
               </div>
            </div>
        </div>

        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="http://www.qlcoder.com/help#collapseTen" aria-expanded="false">如何使提问更快得到解答？</a>
                </h4>
            </div>
            <div id="collapseTen" class="panel-collapse collapse" aria-expanded="false">
                <div class="panel-body">
                    <h4 style="font-size:16px;">
                        提问时，按页面中的提示来提问，以便快速高效地获取解答
                    </h4>
                    <ul>
                        <li>简要并突出主旨的标题，避免问题范围过大</li>
                        <li>不要使用无意义的“跪求答案”“高手请进”之类的词汇</li>
                    </ul>
                        <h4 style="font-size:16px;">
                            <a name="尽量清楚地描述问题" class="reference-link"></a>
                            尽量清楚地描述问题
                        </h4>
                    <ul>
                        <li>要善于利用编辑器，有良好的排版以提高可读性（参考 Markdown 编辑器语法指南）</li>
                        <li>可以根据其他用户的评论内容，对自己的提问进行「编辑」完善</li>
                        <li>问题描述，尽可能提供问题所需的主要配置文件及程序源代码</li>
                        <li>明确错误提示信息，如果可以，直接上错误码更好</li>
                        <li>如果有图片请贴上图片</li>
                    </ul>
                </div>
            </div>
        </div>


       </div>
    </div>


<hr>
    <div class="alert alert-warning alert-dismissible" role="alert">
        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
        如果以上解答不能解决你的问题,请提交你的疑问或意见,我们会在第一时间联系你,谢谢。
        @if(Auth::check())
            你也可以加入千里码官方讨论群:
            <a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=08dcd44232943b517c2ed04dceb097155575f604791c57bbd2f9759e90e22d58">480394714</a>，
            和其他coder一起吐槽(加群请备注千里码网站ID)。
        @endif
    </div>
<h4 id='opinion'>意见与反馈</h4>
    {!! Form::open(['url'=>'/task/0/contribute']) !!}
<div class="form-group">
<textarea name="text" rows="15" style="width:100%;height:150px;"></textarea>
<input name="cid" type="hidden" value="0" id="cid">
</div>
   {!! Form::submit('提交', ['class'=>'btn btn-primary pull-right']) !!}
  {!! Form::close() !!}

</div>
<br>
<br>
<br>
<br>
<br>

<style>

    .faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .btn{
        margin-bottom:10px;
    }
</style>

<!-- Bootstrap FAQ - END -->

</div>



@stop
